<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Alquiler de Cancha de Fulbito | Deltas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link type="text/css" href="css/start/jquery-ui-1.8.18.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>
<script language="JavaScript" type="text/javascript">
var d=new Date();
var monthname=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
</script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#frmRegistro").validate();		
	});
</script>
</head>
<body>
<%@include file="topAdmin.jsp"%>
<table>
	<tr>
		<td width="198" valign="top" bgcolor="#E6F3FF">
			<%@include file="leftpage.jsp"%>
		</td>
		<td valign="top" style="padding-left:50px">
			${MENSAJE}
			${ERROR}
			<table border="0" cellspacing="0" cellpadding="0" width="690">
			<tr>
				<td>
					<form id="frmRegistro" name="frmRegistro" action="RegistrarServiciosServlet" method="post" >
					<table width="90%" border="0" cellpadding="0" cellspacing="1">
					 <tr>
							   <td height="66" colspan="3"><p class="Estilo4"><font color="#345AA3" face="Verdana">REGISTRO DE SERVICIO ADICIONAL </font><br />
							   </p>		        </td>
			  </tr>
							<tr>
						      <td height="29" colspan="3" valign="top"><div align="left"><span class="Estilo11"><font face="Verdana">DATOS PRINCIPALES </font></span></div></td>
							</tr>
							<tr>
							  <td width="117" height="33"><div align="left"><span class="Estilo2"><font color="#345AA3" face="Verdana">Tipo de Servicio: </font></span></div></td>
						      <td width="496"><input type="text" name="txttipServicio" size="38" class="formulario" style="font-size: 15px" /></td>
					</tr>
							<tr>
								<td width=117 height="82"><font color="#345AA3" face="Verdana" class="Estilo2">Descripci&oacute;n:</font></td>
							  <td width=496><label><textarea name="txtDescripcion" cols="25" rows="4" style="font-size: 15px"></textarea>
							  </label></td>
								<td width="4">&nbsp;</td>
				</tr>
									<td width="80" height="32"><span class="Estilo2"><font color="#345AA3" face="Verdana">Tarifa :    S/.</font></span></td>
                  <td width="496"><input type="text" name="txtTarifa" size="5" class="formulario" /></td>
				</tr>
				                    <tr>
				                      <td colspan =3>
				                      <table width="566" border="1">
                                        <tr>
                                          <th scope="col">id</th>
                                          <th scope="col">Nombre Servicio</th>
                                          <th scope="col">Descripcion</th>
                                          <th scope="col">Costo</th>
                                        </tr>
     								<%@page import="java.util.ArrayList,canchaFulbito.modelo.Servicio"%>
	  								<%@page import="canchaFulbito.negocio.SeguridadNegocio"%>
	  								<%@page import="java.util.*" %>
      									<%
										   		SeguridadNegocio neg = new SeguridadNegocio();
									      		Collection<Servicio> serv = (ArrayList<Servicio>)request.getAttribute("Servicio");
									      		serv = neg.ListarServicio();
										   		//request.setAttribute("ListadoLocal",local);
													for (Servicio x : serv) {
										   %>
										   <tr>
												        <td><% out.print(x.getIdServicio()); %></td>
												        <td><% out.print(x.getNomServicio()); %></td>
												        <td><% out.print(x.getDescripcion()); %></td>
												        <td><% out.print(x.getCosto()); %></td>
											</tr>
										<% } %>                                     
										</table></td>
              </tr>
                <tr>
				<td colspan =3><h4>${MENSAJE }</h4></td>
				</tr>
					<tr>
					  <td height="55"><input type="reset" name="borrar" value="Borrar" /></td>
					    <td><input name="Enviar" type="submit"  value="Grabar" /></a></td>
							</tr>
				</td>
			</tr>
		  </table>
		</td>
	</tr>
</table>
</body>
</html>